<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>新冠病毒确诊统计-search</title>
    <link rel="stylesheet" href="layui.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="layui.js"></script>
</head>
<body>
<style>
    .layui-form-item {
        margin-top: 15px;
    }
    .layui-input-block{
        width: 300px;
        float: left;
        margin-left: 0;
    }
    td.on{
        border-bottom: 1px solid #D60711;
        color: #D60711;
    }
    td.active{
        background: #D60711;
        color: #fff;
    }
    .search_div{
        position: fixed;
        z-index: 2;
        background-color: #fff;
        border: 1px solid #e6e6e6;
    }
    .layui-table {
        width: 1920px;
        background-color: #fff;
        color: #666;
    }
</style>
<!-- 搜索组件 -->
<div class="search_div" style="border-width: 0px;">
    <form class="layui-form" action="/search" >
        <div class="layui-form-item">
            <label class="layui-form-label">输入国家名</label>
            <div class="layui-input-block">
                <input type="text" name="searchInput" required  lay-verify="required" placeholder="请正确输入国家名" autocomplete="off" class="layui-input" id="searchInput" >
            </div>
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">搜索</button>
            </div>
        </div>
    </form>
</div>
<br><br><br><br>
<table class="layui-table" id="all_list" style="width:55%;">
    <colgroup>
        <col width="150">
        <col width="200">
        <col>
    </colgroup>
    <thead>
    <tr>
        <th style="width: 220px;">国家/地区</th>
        <th style="width: 220px;">省份/州</th>
        <th style="width: 120px;">确诊人数</th>
        <th>新增人数</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="item:${session.searchList}">
        <td th:text="${item.country}" ></td>
        <td th:text="${item.province}"></td>
        <td th:text="${item.latestTotal}"></td>
        <td th:text="${item.raise}"></td>
    </tr>
    </tbody>
</table>

</body>
</html>